この手順では、Visual Studio で、DropDown for UWP を使用して UWP アプリケーションを作成します。

1. Visual Studio で、［ファイル］→［新規作成］→［プロジェクト］を選択します。
2. ［新しいプロジェクト］ダイアログボックスで、左ペインの言語を展開し、言語の下で［Windows ストア］を選択し、テンプレートリストで［新しいアプリケーション (XAML)］を選択します。名前を入力し、［OK］をクリックしてプロジェクトを作成します。
3. MainPage.xaml をまだ開いていない場合は開きます。
4. 開始タグ <Page> を編集して、次の名前空間を追加します。

   	コードのコピー
   xmlns:Xaml="using:C1.Xaml"

5. ページ内の <Grid> </Grid> タグを見つけ、次のマークアップを挿入して Grid の行を定義します。

   	コードのコピー
   <Grid.RowDefinitions>             <RowDefinition Height="Auto"/>             <RowDefinition/>         </Grid.RowDefinitions>

6. 行定義のすぐ下に、次のマークアップを使用して CheckBox を追加します。

   	コードのコピー
   <CheckBox Content="AutoClose - determines if C1DropDown will automatically close when focus is lost." IsChecked="{Binding ElementName=c1DropDown1, Path=AutoClose, Mode=TwoWay}" Margin="10"/>

7. 次のマークアップを使用して、C1DropDownButton コントロールを追加します。

   	コードのコピー
   <Xaml:C1DropDownButton Grid.Row="1" Background="White" x:Name="c1DropDown1" Padding="2" Width="150" HorizontalAlignment="Center" VerticalAlignment="Center" > </Xaml:C1DropDownButton>

8. 次に、Header のコンテンツを追加して、C1DropDownButton.Header をカスタマイズします。

   	コードのコピー
   <Xaml:C1DropDownButton.Header>   <Border x:Name="dropDownBorder" Background="White" /> </Xaml:C1DropDownButton.Header>

ここまでの成果

この手順では、新しい Visual Studio 2013 Windows ストアアプリケーションを追加し、CheckBox コントロールを追加し、C1DropDownBox コントロールを追加してカスタマイズを開始しました。